<template>
    <div class="favourite">
        <File></File>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { getFavourite } from "../api/favourite"
import { FileItf } from "@/interface";
import File from "@/components/file.vue";
import { usePathStore } from "../store/index"
import { storeToRefs } from "pinia"
const pathStore = usePathStore()

const { } = storeToRefs(pathStore)

pathStore.getFavourites()

const videos = ref<FileItf[]>([])
getFavourite(-1).then(res => {
    console.log(res.data[0].id);
    videos.value = res.data as FileItf[]
})



</script>
<style lang="scss">
.favourite {
    // padding: 0 40px;
}
</style>